<button>带你看电影</button>
<ul></ul>

<script src="./promise.js"></script>

<script>
    // 一 获取按钮  绑定点击事件
    document.querySelector('button').onclick = function () {

    // 二 事件处理函数中 核心思想请求接口

        get(
            'https://m.maizuo.com/gateway',
            {
                cityId: 110100,
                pageNum: 1,
                pageSize: 10,
                type: 1,
                k: 2265566
            },
            'json',
            {
                'X-Client-Info':'{ "a": "3000", "ch": "1002", "v": "5.2.0", "e": "16552049191416063602393089", "bc": "110100" }',
                'X-Host':'mall.film-ticket.film.list',
                'X-Requested-With':'XMLHttpRequest',
                'X-Token':'undefined'
            }
        )

        .then(res=>{
    // 三 拿到数据 清空 遍历 造li 内容 追加
    document.querySelector('ul').innerText = ""
    console.log(res);
    res.data.films.forEach((item,i)=> {
        let li = document.createElement('li')
        li.innerHTML = `
        ${item.name}<br />
        <img src="${item.poster}" width = "200" />
        `
        document.querySelector('ul').appendChild(li)
    });
        })
    }
</script>